<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>分类</title>
</head>
<style>
  [v-cloak] {
    display: none;
  }
</style>

<body>
  <div id="body" style="height: 100%" v-cloak>
    <view-box ref="viewBox" body-padding-bottom="55px">
      <!-- <div class="content">
        <div class="bookList">
          <flexbox wrap="wrap" :gutter="0" align="flex-start">
            <flexbox-item :span="1/3" v-for="(item,index) in categoriesList">
              <div class="book">
                <a href="javascript:" @click='goList(item.id)'>
                  <div class="bookWrapper">
                    <div>
                      <img :src="item.avatar" alt="" onerror="this.src='/static/book.jpg'">
                    </div>
                    <div class="detail">
                      <p class="title">{{item.name}}</p>

                    </div>
                  </div>
                </a>
              </div>
            </flexbox-item>
          </flexbox>
        </div>
      </div> -->
      <!-- <group-title>3 columns</group-title> -->
      <grid :cols="3">
        <grid-item @click.native='goList(item.id)' :label="0" v-for="(item,index) in categoriesList">
          <img slot="icon" :src="item.avatar" alt="" onerror="this.src='/static/book.jpg'">
          <span slot="label">{{item.name}}</span>
          <p v-if='index==0' style="text-align: center;color:#757575;font-size: 12px">(2-6岁)</p>
          <p v-if='index==1' style="text-align: center;color:#757575;font-size: 12px">(7-12岁)</p>
          <p v-if='index==2' style="text-align: center;color:#757575;font-size: 12px">(12岁以上)</p>
          <!-- <p v-if='index==3' style="text-align: center;color:#757575;font-size: 12px">(1-10岁)</p> -->
        </grid-item>
      </grid>
    </view-box>
    <foot :index="2"></foot>
  </div>
</body>




</html>